23729
24560 
Я хочу отображать товары разных покупателей. Для этого я получаю данные через вызов ajax и затем группирую данные на основе каждого уникального клиента. Затем я добавляю сгруппированные данные в свой html.
Структура моих сгруппированных данных выглядит так:
"Джон Доу": [
{
"Item_id": 1
"Название_элемента": "abc"
},
{
"Item_id": 2
"Item_name": "def"
},
],
"Джейн Доу":
{
«Item_id»: 3
"Имя_элемента": "ghi"
},
{
«Item_id»: 4
"Item_name": "jkl"
},
]
Мой код выглядит так:
$ .each (groupedData, function (key, value) {
$ ('. cust_items'). append (`

 `+ клавиша +` 





 Номер позиции 
 Название предмета 


 


`);
$ .each (значение, функция (ky, val) {
$ ('# dataTable tbody'). append (
`

`+ ky +`


`+ val.Item_name +`


`);
});
});
Я столкнулся с проблемой, при которой все элементы отображаются под первым клиентом, а данные отображаются правильно под вторым клиентом.
2021-01-31 08:24:06 
После свойств пропущены запятые, а объекты свойств Jane Doe не заключены в []. Рассмотрите возможность изменения объекта groupedData, поскольку синтаксис неверен.
Изменить: также скорректирована строка шаблона и доступ к таблице с динамическим идентификатором.
Образец:
let groupedData = {
"Джон Доу": [{
"Item_id": 1,
"Название_элемента": "abc"
},
{
"Item_id": 2,
"Item_name": "def"
}
],
"Джейн Доу": [{
"Item_id": 3,
"Имя_элемента": "ghi"
},
{
"Item_id": 4,
"Item_name": "jkl"
}
]
};
$ .each (groupedData, function (key, value) {
$ ('. cust_items'). append (`

 $ {key} 





 Номер позиции 
 Название предмета 


 


`);
$ .each (значение, функция (ky, val) {
$ (`#dataTable _ $ {key.split ('') .join ('_')} tbody`) .append (
`

$ {ky}


$ {val.Item_name}


`);
});
});





|
Я немного опоздал на вечеринку, но вот забавный и практичный способ динамически отображать ваши данные с помощью элемента